angular.module('BaseControl')

//页面引用该控件时，value如果希望反向同步到控件绑定value时，必须与主Model的对象的属性进行绑定，因为隔离作用域的问题，不知道是什么原因，暂时未能解决
.directive("titlelabel", [function() {
    return {
        restrict: "E",	// 指令是一个元素 (并非属性)，备选项有"A"、"E" 和 "C"， "M" ,分别代表attribute、element、class和comment（默认值为"A"）
        template:
        //留个空的div是为了外层控件引用的时候不与内层的click事件冲突，分别绑到两个元素上，就不会有问题
        '<div class="row" style="margin:0px;">' +
            '<div style="float: left;height:30px;background-color: #68BDE2;color:#FFFFFF;text-align: center;padding: 5px 20px 0px 20px;font-size: 16px;font-weight:bold;" ng-transclude></div>' +
            '<div style="width:100%;position: relative;left:0;top:0;height:30px;border-bottom:solid #68BDE2 2px;">&nbsp;</div>' +
        '</div>',
        replace: true,			// 使用模板替换原始标记
        transclude: true		// 不复制原始HTML内容
    }
}]);
